<!DOCTYPE html>
<html lang="zh-cn">
    <title>{$config['web_site_title']}</title>
    <meta name="description" content="{$config['web_site_description']}" />
    <meta name="keywords" content="{$config['web_site_keyword']}" />
{include file="public/head" /}
<body>
<style>
    .disabled{background:#eee;pointer-events:none;color:#000;cursor: not-allowed;}
</style>
<!--头部-->
{include file="public/header" /}

<!--侧边广告栏start-->
<div class="advs-left" style="z-index:99999;">
    {foreach name="left" item="left"}
    <a href="{$left['link_url']}">
        <img width="120px" height="270px" src="/uploads/images/{$left['images']}" alt="广告"/>

    </a>

    <p class="close1" href="###" style="cursor:pointer;display:block !important;">关闭</p>
    {/foreach}
</div>
<div class="advs-right" style="z-index:99999;">
    {foreach name="right" item="right"}
    <a href="{$right['link_url']}">
        <img width="120px" height="270px" src="/uploads/images/{$right['images']}" alt="广告"/>

    </a>
    <p class="close2" href="###" style="cursor:pointer;display:block !important;">关闭</p>
    {/foreach}
</div>
<!--侧边广告栏end-->
<!--新闻版块start-->

<div class="max-news">
    <!--置顶新闻-->
    <div class="top-news" style="position:relative;">
        <!--tab选项-->
        <style type="text/css">
            .tab{z-index:9999;position:absolute;left:1px;bottom:0;}
            .tab li{float:left;width:60px;height:29px;text-align: center;line-height:30px;color:#FFFFFF;list-style-type:none;
                cursor:pointer;font-family: "微软雅黑";font-size:14px;}
            .tabBack{background:#ce5f2f;}
            #banner1,#banner2{display:none;}
        </style>

        <ul class="tab">
            <li class="tabBack">热点</li>
            <li>活动</li>
            <li>媒体</li>
        </ul>
        <!--热门-->
        <style type="text/css">

            #banner { position: relative; width:558px; height:331px;overflow: hidden;border-left:1px solid #eaeaea;margin-top:1px;}
            #banner_list{border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;border-right:0;border-bottom:0;}
            #banner_list img{margin-left:-1px !important;}
            #banner_bg { position: absolute; bottom: 0;background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index:0; cursor: pointer; width:558px; }
            #banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
            #banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
            #banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index:1; margin:3px; padding: 0; bottom: 3px; right: 5px; }
            #banner ul li {width:15px;height:15px;border-radius:50%; float: left; display: block;background: #000000; cursor: pointer;margin-left:10px;}
            #banner ul li.on { background-color:#ce5f2f;}
            #banner_list a { position: absolute;}
        </style>

        <div id="banner" style="display:block;">

            <div id="banner_bg"></div>

            <!--标题背景-->

            <!--<div id="banner_info"></div>-->

            <!--标题-->

            <ul>

                <li class="on"></li>

                <li></li>

                <li></li>



            </ul>

            <div id="banner_list">
                {volist name="hot" id="hotImg"}
                {if condition="$hotImg['is_tui'] gt '0'"}
                <a href="{:url('News/index',array('id' => $hotImg['id']))}" target="_blank"><img width="559px" height="331px" src="./uploads/images/{$hotImg['photo']}" alt="{$hotImg['photo']}"/></a>
                {else /}
                {/if}
                {/volist}
            </div>

        </div>

        <!--活动-->
        <style type="text/css">

            #banner1{ position: relative; width:558px; height:331px;overflow: hidden;margin-top:1px;border-left:1px solid #eaeaea;}
            #banner_list1{border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;border-right:0;border-bottom:0;}
            #banner_list1 img{margin-left:-1px !important;}
            #banner_bg1 { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width:558px; }
            #banner_info1 { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
            #banner_text1 { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
            #banner1 ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin:3px; padding: 0; bottom: 3px; right: 5px; }
            #banner1 ul li {width:15px;height:15px;border-radius:50%; float: left; display: block;background: #000000; cursor: pointer;margin-left:10px;}
            #banner1 ul li.on { background-color:#ce5f2f;}
            #banner_list1 a { position: absolute; }
        </style>

        <div id="banner1">

            <div id="banner_bg1"></div>

            <!--标题背景-->

            <!--<div id="banner_info1"></div>-->

            <!--标题-->

            <ul>
                <li class="on"></li>
                <li></li>
                <li></li>
            </ul>
            <div id="banner_list1">
                {volist name="activity" id="activityImg"}
                {if condition="$activityImg['is_tui'] gt '0'"}
                <a href="{:url('News/index',array('id' => $activityImg['id']))}" target="_blank"><img width="559px" height="331px" src="./uploads/images/{$activityImg['photo']}" alt="{$activityImg['photo']}"/></a>
                {else /}
                {/if}
                {/volist}
            </div>

        </div>
        <!--媒体-->
        <style type="text/css">

            #banner2 { position: relative; width:558px; height:331px;overflow: hidden;margin-top:1px;border-left:1px solid #eaeaea;}
            #banner_list2{border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;border-right:0;border-bottom:0;}
            #banner_list2 img{margin-left:-1px !important;}
            #banner_bg2 { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width:558px; }
            #banner_info2 { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
            #banner_text2 { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
            #banner2 ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin:3px; padding: 0; bottom: 3px; right: 5px; }
            #banner2 ul li {width:15px;height:15px;border-radius:50%; float: left; display: block;background: #000000; cursor: pointer;margin-left:10px;}
            #banner2 ul li.on { background-color:#ce5f2f;}
            #banner_list2 a { position: absolute; }
        </style>

        <div id="banner2">
            <div id="banner_bg2"></div>
            <!--标题背景-->
            <!--<div id="banner_info2"></div>-->
            <!--标题-->
            <ul>
                <li class="on"></li>
                <li></li>
                <li></li>
            </ul>
            <div id="banner_list2">
                {volist name="media" id="mediaImg"}
                {if condition="$mediaImg['is_tui'] gt '0'"}
                <a href="{:url('News/index',array('id' => $mediaImg['id']))}" target="_blank"><img width="559px" height="331px" src="./uploads/images/{$mediaImg['photo']}" alt="{$mediaImg['photo']}"/></a>
                {else /}
                {/if}
                {/volist}
            </div>
        </div>
    </div>
    <!--分类新闻-->
    <div class="cargery-news">
        <!--分类新闻导航-->
        <ul class="cargery-news-ul">
            <!--------------------------------------新闻分类导航---------------------------------------------------->
            {foreach name="cate" item="vo"}
            <li>{$vo.name}</li>
            {/foreach}
            <!--------------------------------------新闻分类导航END---------------------------------------------->
        </ul>
        <div class="clear"></div>
        <!--分类新闻标题-->
        <h3></h3>
        <!--最新---详细新闻-->
        <style type="text/css">
            .latest-news ul li a p{float:left;}
            .latest-news ul li a .point{
                display:inline-block;
                width:284px;
                white-space:nowrap; /*文本不换行*/
                text-overflow:ellipsis;/*设置超出部分显示...*/
                -o-text-overflow:ellipsis;
                overflow: hidden;

            }

        </style>
        <div class="latest-news wraper-news" style="display:block;">
            <ul>
                {foreach name="media" item="media"}
                <li><a href="{:url('News/index',array('id' => $media['id']))}"><p class="point">
                    {$media['title']}
                </p><p>[{$media['create_time']|date="Y-m-d",###}]</p></a></li>
                <li class="clear"></li>
                {/foreach}
            </ul>
        </div>
        <!--新闻---详细新闻-->

        <div class="latest-news news-news wraper-news">
            <ul>
                {foreach name="notice" item="notice"}
                <li><a href="{:url('News/index',array('id' => $notice['id']))}"><p class="point">
                    {$notice['title']}
                </p><p>[{$notice['create_time']|date="Y-m-d",###}]</p></a></li>
                <li class="clear"></li>
                {/foreach}
            </ul>
        </div>
        <!--活动---详细新闻-->
        <div class="latest-news activity-news wraper-news">
            <ul>
                {foreach name="hot" item="hot"}
                <li><a href="{:url('News/index',array('id' => $hot['id']))}"><p class="point">
                    {$hot['title']}
                </p><p>[{$hot['create_time']|date="Y-m-d",###}]</p></a></li>
                <li class="clear"></li>
                {/foreach}
            </ul>
        </div>
        <!--公告---详细新闻-->
        <div class="latest-news notice-news wraper-news">
            <ul>
                {foreach name="activity" item="activity"}
                <li><a href="{:url('News/index',array('id' => $activity['id']))}"><p class="point">
                    {$activity['title']}
                </p><p>[{$activity['create_time']|date="Y-m-d",###}]</p></a></li>
                <li class="clear"></li>
                {/foreach}
            </ul>
        </div>
    </div>

    <!--钟表-->
    <div class="flash-time">
        <embed width="189px" height="189px" src="__IMG__/flash2479.swf" type=""/>
        <img class="timesh" width="110px" height="30px" src="__IMG__/timesh.png" alt="时间银行"/>
        <img class="timet" width="64px" height="203px" src="__IMG__/timet.png" alt="爱护一声的时间钟表"/>
    </div>
</div>
<!--新闻版块end-->
<!--广告轮播banner部分-->
<style type="text/css">
    #wrapper {width:1260px;height:142px;overflow:hidden;margin: 0 auto;}
    #carousel {width: 1260px;position:relative;overflow:hidden;}
    #carousel ul {list-style: none;display: block;margin: 0;padding: 0;}
    #carousel li {text-align: center;display: block;width: 232px;height:123px;padding: 0;margin: 6px;float: left;margin-left:17px;}
    #carousel li:nth-of-type(1){margin-left:0 !important;}
    #carousel li:nth-of-type(2){margin-left:18px;}
    #carousel li:nth-of-type(3){margin-left:18px;}
    #carousel li:nth-of-type(4){margin-left:17px;}
    #carousel li img {margin-top: 14px;}
    .clearfix {float: none;clear: both;}
    #prev{position:absolute;left:20px;top:53px;display:none;}
    #next{position:absolute;right:20px;top:53px;display:none;}
    #carousel:hover #next{display:block !important;}
    #carousel:hover #prev{display:block !important;}
    #source {text-align: center;width: 100%;position: absolute;bottom: 10px;left: 0;}
    #source,
    #source a {font-size: 12px;color: #999;}
    #donate-spacer {height: 100%;}
    #donate {border-top: 1px solid #999;width: 750px;padding: 50px 75px;margin: 0 auto;overflow: hidden;}
    #donate p,
    #donate form {margin: 0;float: left;}
    #donate p {width: 650px;}
    #donate form {width: 100px;}
</style>






<div class="banner-advs" style="margin: 0 auto;">
    <style type="text/css">
        .caroufredsel_wrapper{position: static !important;}
    </style>

    <div id="carousel" style="margin: 0 auto">

        <ul>
            <li><a href="http://mo.daguangg.com/jinzhong/"><img src="__IMG__/mulk_01.png" alt="中金浩" /></a></li>
            <li><a href="http://www.xianggen.com.cn/"><img src="__IMG__/xianggen.png" alt="郷根大米" /></a></li>
            <li><a href="http://mo.daguangg.com/zgdzswxh/"><img src="__IMG__/dianzi.png" alt="电子商务" /></a></li>
            <li><a href="http://mo.daguangg.com/aiti/"><img src="__IMG__/IT.png" alt="艾锑无限" /></a></li>
            <li><a href="http://www.xianggen.com.cn/"><img src="__IMG__/xianggen.png" alt="郷根大米" /></a></li>
            <li><a href="http://mo.daguangg.com/"><img src="__IMG__/daguan.png" alt="大观网站" /></a></li>
            <li><a href="http://mo.daguangg.com/jinzhong/"><img src="__IMG__/mulk_01.png" alt="中金浩" /></a></li>
            <li><a href="http://www.xianggen.com.cn/"><img src="__IMG__/xianggen.png" alt="郷根大米" /></a></li>
        </ul>

        <div class="clearfix"></div>

        <a id="next" class="next" href="#"><img width="40" height="40px" src="__IMG__/nextBtn.png"/></a>

        <a id="prev" class="prev" href="#"><img width="40" height="40px" src="__IMG__/preBtn.png"/></a>

        <!--<div id="pager" class="pager"></div>-->

    </div>
</div>
<!--企业加盟start-->
<div class="enterprise">
    <p>产品状态：</p>
    <p class="backColor">全部</p>
    <p>热门需求</p>
    <p>最新加盟服务商 </p>
    <p>成为大观企业生态圈的一环</p>
    <p class="liji">立即发布需求</p>
    <div class="dive"></div>
    <div class="dive_1 articleColor"></div>
    <div class="dive_2 articleColor"></div>
    <div class="dive_3 articleColor"></div>
    <ul class="enter-all">
        {foreach name="getHomeviewAll" item="getHomeviewAll"}
        <li>
            <div class="enter-left">
                <img src="__IMG__/backIcon1.png"/><h2>{$getHomeviewAll['title']}</h2><p class="hangye">{$getHomeviewAll['name']|msubstr=###,0,6}</p>
                <div class="dd-ff">
                    <p class="dianping">点评</p><h4 class="enter-dec">
                    {$getHomeviewAll['remark']|msubstr=###,0,70}
                </h4>
                </div>
            </div>
            <div class="enter-middle"></div>
            <div class="enter-right">
                <a href="{:url('trade/index',array('id' => $getHomeviewAll['id']))}">
                    <div>详细介绍</div>
                </a>

            </div>
        </li>
        {/foreach}

    </ul>
    <ul class="enter-all enter-hot">
        {foreach name="getHomeViewhot" item="getHomeViewhot"}
        <li>
            <div class="enter-left">
                <img src="__IMG__/backIcon1.png"/>
                <h2>{$getHomeViewhot['title']}</h2>
                <p class="hangye">{$getHomeViewhot['name']|msubstr=###,0,6}</p>
                <div class="dd-ff">
                    <p class="dianping">点评</p>
                    <h4 class="enter-dec">
                        {$getHomeViewhot['remark']|msubstr=###,0,70}
                    </h4>
                </div>
            </div>
            <div class="enter-middle"></div>
            <div class="enter-right">
                <a href="{:url('trade/index',array('id' => $getHomeViewhot['id']))}">
                    <div>详细介绍</div>
                </a>

            </div>
        </li>
        {/foreach}

    </ul>
    <ul class="enter-all enter-laster">
        {foreach name="getHomeViewNew" item="getHomeViewNew"}
        <li>
            <div class="enter-left">
                <img src="__IMG__/backIcon1.png"/><h2>{$getHomeViewNew['title']}</h2><p class="hangye">{$getHomeViewNew['name']|msubstr=###,0,6}</p>
                <div class="dd-ff">
                    <p class="dianping">点评</p><h4 class="enter-dec">
                    {$getHomeViewNew['remark']|msubstr=###,0,70}
                </h4>
                </div>
            </div>
            <div class="enter-middle"></div>
            <div class="enter-right">
                <a href="{:url('trade/index',array('id' => $getHomeViewNew['id']))}">
                    <div>详细介绍</div>
                </a>

            </div>
        </li>
        {/foreach}

    </ul>

    <!--立即订购-->
    <div class="frame-ff">
        <!--关闭按钮-->

        <img src="__IMG__/kefu.png"/>
        <span class="close3" style="position:absolute;right:10px;top:2px;cursor:pointer;">关闭</span>
        <form action="{:url('Trade/message')}" method="post" id="insertWrods">
            <p class="lianxi">联系方式</p>
            <div class="number">
                <img src="__IMG__/phone.png"/>
                <input class="number1" type="text" name="phone" id="phone"  maxlength="11" placeholder="请输入您的手机号"/>
            </div>
            <div>
                <div class="number2">
                    <img src="__IMG__/suo.png"/>
                    <input class="number4" type="text" name="alicode" id="alicode"  maxlength="6" placeholder="请输入您收到的验证码"/>
                </div>
                <div   class="yanzm">获取验证码</div>
            </div>
            <p class="xuanze">您选择了</p>
            <div>
                <div class="xuan-left">
                    <select name="cate" id="cate">
                        <option value="1">请选择项目所在的行业</option>
                        {foreach name="AllCate" item="AllCate"}
                        <option value="{$AllCate['name']}">{$AllCate['name']}</option>
                        {/foreach}

                    </select>
                </div>

            </div>
            <p class="ness">您需要</p>
            <div class="number">
                <img src="__IMG__/liwu.png"/>
                <input class="number1" type="text" name="content" id="content"  placeholder="请用一句话来概括您要做什么，比如：企业logo设计"/>
            </div>
            <button class="btn" type="submit" id="productBut">立即提交</button>
        </form>
    </div>
</div>
<div class="clear"></div>

<script>
    $(function(){
        $('.yanzm').click(function(){
            phone = $('#phone').val();
            if (phone == ""){
                layer.msg('手机号不能为空',{icon:5});
                return false;
            };
            function  get() {
                $('.yanzm').addClass("disabled");
                $('.yanzm').html("80s");
                var i = 80;
                var times = setInterval(function () {
                    if (i <= 0) {
                        $('.yanzm').removeClass("disabled");
                        clearInterval(times);
                        $('.yanzm').html("重新获取验证码");

                        $('.yanzm').on("click", function () {
                            get();
                        });
                    } else {

                        --i;
                        $('.yanzm').html(i + 's');
                    }
                }, 1000);
            }
            get();
            $.ajax({
                url: "{:url('Trade/alisms')}",
                type: 'post',
                dataType: 'json',
                data: {phone: phone},
                success:function (res) {
                    if (res.code == 1) {
                        layer.msg(res.msg,{icon:6});
                      
                        
                    } else if (res.code == -1) {
                        layer.msg(res.msg,{icon:5})
                    } else {

                       layer.msg(res.msg,{icon:5})
                    }
                }
            });
        });
    });
</script>

<script>
    $(function(){
        //定义opt
        var opt={
            beforeSubmit: insertBefor,
            success: insertOk,
            dataType: 'json',
            timeout: 5000
        };
        //ajax传输
        $('#insertWrods').ajaxForm(opt);

        function insertBefor(){
            var phone = $('#phone').val();
            if (phone == ''){
                layer.msg('手机号不能为空',{icon:5});
                return false;
            }
            var alicode =  $('#alicode').val();
            if (alicode == ''){
                layer.msg('短信验证码不能为空',{icon:5});
                return false;
            }
            var cate =  $('#cate').val();
            if (cate == 1){
                layer.msg('行业暂未选择',{icon:5});
                return false;
            }
            var content =  $('#content').val();
            if (content == ''){
                layer.msg('项目描述不能为空',{icon:5});
                return false;
            }
        }
        function insertOk(res){
            if (res.code == 1){

                layer.msg(res.msg, {icon: 6});
                  setTimeout(function(){ history.go(0)  },1500)
            }else if(res.code == 0){
                layer.msg(res.msg, {icon:5});
            }else{
                layer.msg(res.msg, {icon:5});
            }
        }

    });

</script>

<!--企业加盟end-->

<!--行业模块start-->
<div class="industry" style="margin-top:30px;">
    <div class="industry-left">
        <!--行业title-->
        <p class="industry_article">品牌产业客户满意度调查正在进行中...</p>
        <ul class="industry_title">
            <li><a href="http://mo.daguangg.com/industries/Real%20estate/">房地产</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Finance/">金融</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Energychemical/">能源化工</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/education/">教育</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Tourism/">旅游</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Healthy/">健康医疗</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/automobile/">汽车</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Fashion/">时尚产业</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Electronic/">电子信息</a></li>
            <li>|</li>
            <li><a href="http://mo.daguangg.com/industries/Building/">建筑施工</a></li>
        </ul>
        <!--清楚浮动-->
        <div class="clear"></div>
        <!--行业分类及投票-->
        <div class="industry-cargery">
            <div class="industry-cargery-left">
                <div class="industry-cargery-img">
                    <img src="__IMG__/img_01.png"/>
                </div>
                <!--左上角的图标start-->
                <div class="industry-icon">本期</div>
                <!--左上角的图标end-->
                <p class="investigation">调查内容：</p>
                <p class="investigation-article">你对所知的健康知识了解多少？赶紧测试吧！</p>
                <!--投票评论-->
                <ul class="vote">
                    <li class="voteBack"><a href="http://mo.daguangg.com/industries/Healthy/">点击测试</a></li>
                    <li><a href="###">查看评论</a></li>
                </ul>
                <!--清除浮动-->
                <div class="clear"></div>
                <!--排行-->
                <div class="vote-ranking"><a class="vote-ranking-a" href="http://www.daguangg.net/index.php/Home/ListOne/index.html">查看完整排行榜单</a></div>
            </div>
            <div class="industry-cargery-right">

                <ul>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Finance/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">01</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/banking.jpg" alt="金融"/></div>
                            <p>金融行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Building/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">02</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/building.jpg" alt="建筑"/></div>
                            <p>建筑行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Tourism/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">03</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/travil.jpg" alt="旅游"/></div>
                            <p>旅游行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Real%20estate/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">04</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/real-estate.jpg" alt="地产"/></div>
                            <p>地产行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Electronic/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">05</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/electronics.jpg" alt="电子"/></div>
                            <p>电子行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/automobile/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">06</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/car.jpg" alt="汽车"/></div>
                            <p>汽车行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Energychemical/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">07</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/energy.jpg" alt="能源"/></div>
                            <p>能源行业</p>
                        </a>
                    </li>
                    <li>
                        <a href="http://mo.daguangg.com/industries/Fashion/">
                            <!--左上角的图标-->
                            <div class="cargery-right-icon">08</div>
                            <div class="cargeryimg"><img width="100%" height="100%" src="__IMG__/fashion.jpg" alt="时尚"/></div>
                            <p>时尚行业</p>
                        </a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <div class="industry-right">
    	<div style="width:100%;height:150px;background:#fff;overflow:hidden;">
    		<a href="###" style="width:136px;height:44px;background:#2374b5;display:block;text-align:center;line-height:44px;font-family: '微软雅黑';font-size:16px;margin-left:36px;margin-top:50px;color:#fff;border-radius:4px;">
    			资料库平台
    		</a>
    	</div>
        <p class="industry-right-title">办公博物馆</p>

        <ul>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=64">
                    <p class="newsArticle">订书钉展示</p>
                    <p class="lookNum">20464</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=26">
                    <p class="newsArticle">印尼盒展示</p>
                    <p class="lookNum">24568</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=16">
                    <p class="newsArticle">名片盒展示</p>
                    <p class="lookNum">10974</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=27">
                    <p class="newsArticle">印章展示</p>
                    <p class="lookNum">38654</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=7">
                    <p class="newsArticle">电话机展示</p>
                    <p class="lookNum">35445</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=6">
                    <p class="newsArticle">打印机展示</p>
                    <p class="lookNum">9005</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=57">
                    <p class="newsArticle">办公椅展示</p>
                    <p class="lookNum">35647</p>
                    <div class="clear"></div>
                </a>
            </li>
            <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=56">
                    <p class="newsArticle">餐具展示</p>
                    <p class="lookNum">13674</p>
                    <div class="clear"></div>
                </a>
            </li>
             <li>
                <a href="http://bbs.daguangg.com/portal.php?mod=view&aid=60">
                    <p class="newsArticle">屏风展示</p>
                    <p class="lookNum">5006</p>
                    <div class="clear"></div>
                </a>
            </li>
            
        </ul>
        <!--查看更多-->
        <div class="moreNews"><a class="more" href="http://bbs.daguangg.com/portal.php?mod=list&catid=5">查看更多</a></div>
    </div>
</div>
<!--行业模块end-->
<div class="clear"></div>
<!--办公百科start-->
<div class="work">
    <div class="work_wraperLeft">
        <ul>
            <li class="borderTop">论坛</li>
            <li>设计</li>
            <li>旅游</li>
        </ul>
        <!--清除浮动-->
        <div class="clear"></div>
        <!--内容展示区start-->
        <div class="work_wraperLeft_article work_wraperLeft_article1" style="display:block;">
            <img width="100%" height="100%" src="__IMG__/1.jpg"/>
        </div>
        <div class="work_wraperLeft_article work_wraperLeft_article2">
            <img width="100%" height="100%" src="__IMG__/2.jpg"/>
        </div>
        <div class="work_wraperLeft_article work_wraperLeft_article3">
            <img width="100%" height="100%" src="__IMG__/3.jpg"/>
        </div>
        <!--内容展示区end-->
        <!--官方二维码位置-->
        <div class="qr_code">
            <img width="83" height="83" src="__IMG__/erweima.png" alt="官方二维码" />
            <p>打开手机扫描二维码</p>
        </div>
        <!--外联网站-->
        <!--<div class="site">
            <a href="http://bbs.daguangg.com/forum.php?mod=forumdisplay&fid=2">
                <img width="100%" height="100%" src="__IMG__/logo01.jpg" alt="大观"/>
                <p>大观广告网</p>
            </a>
        </div>
        <div class="site">
            <a href="http://bbs.daguangg.com/forum.php?mod=forumdisplay&fid=38">
                <img width="100%" height="100%" src="__IMG__/logo2.jpg" alt="logo"/>
                <p>中国品牌价值评估网论坛</p>
            </a>
        </div>
        <div class="site">
            <a href="http://bbs.daguangg.com/forum.php?mod=forumdisplay&fid=41">
                <img width="100%" height="100%" src="__IMG__/logo3.jpg" alt="logo"/>
                <p>亚光花园论坛</p>
            </a>
        </div>
        <div class="site">
            <a href="http://bbs.daguangg.com/forum.php?mod=forumdisplay&fid=40">
                <img width="100%" height="100%" src="__IMG__/logo4.jpg" alt="logo"/>
                <p>消费者论坛</p>
            </a>
        </div>-->
    </div>
    <div class="work_wraperRight">
        <h2>办公百科<span>Wiki</span></h2>
        <div class="work_img">
           	<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <!--广告位  banner 循环开始-->
		            
		            <div class="swiper-slide">
		            	<a href="###"><img width="100%" src="/static/home/images/indexGoods01.png" alt=""></a>
		            </div>
		            <div class="swiper-slide">
		            	<a href="###"><img width="100%" src="/static/home/images/peiper.jpg" alt=""></a>
		            </div>
		            <div class="swiper-slide">
		            	<a href="###"><img width="100%" src="/static/home/images/ipone.jpg" alt=""></a>
		            </div>
		            <!--广告位  banner 循环结束-->
		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination swiper-pagination-white"></div>
		        <!-- Add Arrows -->
		        <div class="swiper-button-next swiper-button-white" style="margin-right:32px;"></div>
		        <div class="swiper-button-prev swiper-button-white" style="margin-left:32px;"></div>
    		</div>
            
            
        </div>
        <!--客服专区-->
       
        <!--客服end-->

    </div>
</div>
<!--办公百科end-->
</div>
{include file="public/footer" /}
</body>

{include file="public/foot" /}


<script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        spaceBetween:30,
        effect: 'fade',
        autoplay:3500
    });
</script>
<script type="text/javascript">
    $('.industry-cargery-right ul li a .cargeryimg img').jqthumb({

        width:131,

        height:182,

        zoom:2,

        after: function(imgObj){

            imgObj.css('opacity', 0).animate({opacity: 1},1000);

        }

    });
</script>

<!--热点-->
<script type="text/javascript">

    var t = n =0, count;

    $(document).ready(function(){

        count=$("#banner_list a").length;

        $("#banner_list a:not(:first-child)").hide();

        $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));

        $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});

        $("#banner li").click(function() {


            var i = $(this).index();
            n = i;

            if (i >= count) return;

            $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));

            $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})

            $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);

            document.getElementById("banner").style.background="";

            $(this).toggleClass("on");

            $(this).siblings().removeAttr("class");

        });

        t = setInterval("showAuto()", 8000);

        $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 8000);});

    })



    function showAuto()

    {

        n = n >=(count -1) ?0 : ++n;

        $("#banner li").eq(n).trigger('click');

    }

</script>
<!--活动-->
<script type="text/javascript">

    var t = m =0, count;

    $(document).ready(function(){

        count=$("#banner_list1 a").length;

        $("#banner_list1 a:not(:first-child)").hide();

        $("#banner_info1").html($("#banner_list1 a:first-child").find("img").attr('alt'));

        $("#banner_info1").click(function(){window.open($("#banner_list1 a:first-child").attr('href'), "_blank")});

        $("#banner1 li").click(function() {


            var k = $(this).index();
            m = k;

            if (k >= count) return;

            $("#banner_info1").html($("#banner_list1 a").eq(k).find("img").attr('alt'));

            $("#banner_info1").unbind().click(function(){window.open($("#banner_list1 a").eq(k).attr('href'), "_blank")})

            $("#banner_list1 a").filter(":visible").fadeOut(500).parent().children().eq(k).fadeIn(1000);

            document.getElementById("banner1").style.background="";

            $(this).toggleClass("on");

            $(this).siblings().removeAttr("class");

        });

        t = setInterval("showAuto1()", 3000);

        $("#banner1").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto1()", 4000);});

    })



    function showAuto1()

    {

        m = m >=(count -1) ?0 : ++m;

        $("#banner1 li").eq(m).trigger('click');

    }

</script>
<!--媒体-->
<script type="text/javascript">

    var t = d =0, count;

    $(document).ready(function(){

        count=$("#banner_list2 a").length;

        $("#banner_list2 a:not(:first-child)").hide();

        $("#banner_info2").html($("#banner_list2 a:first-child").find("img").attr('alt'));

        $("#banner_info2").click(function(){window.open($("#banner_list2 a:first-child").attr('href'), "_blank")});

        $("#banner2 li").click(function() {


            var w = $(this).index();
            d = w;

            if (w >= count) return;

            $("#banner_info2").html($("#banner_list2 a").eq(w).find("img").attr('alt'));

            $("#banner_info2").unbind().click(function(){window.open($("#banner_list2 a").eq(w).attr('href'), "_blank")})

            $("#banner_list2 a").filter(":visible").fadeOut(500).parent().children().eq(w).fadeIn(1000);

            document.getElementById("banner2").style.background="";

            $(this).toggleClass("on");

            $(this).siblings().removeAttr("class");

        });

        t = setInterval("showAuto2()", 3000);

        $("#banner2").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto2()", 4000);});

    })



    function showAuto2()

    {

        d = d >=(count -1) ?0 : ++d;

        $("#banner2 li").eq(d).trigger('click');

    }

</script>






<!--<script>
   var scrollFunc = function (e) {
          var i = $(document).scrollTop();
          var j = $(".advs-left").offset().top;

        var direct = 0;
        e = e || window.event;
        if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件
            if (e.wheelDelta > 0) { //当滑轮向上滚动时
                console.log("滑轮向上滚动");
                console.log(j);
                 if (j <= 595) {
                    $(".advs-left").animate({top:"595px"},100);
                    console.log(1111111);
                }
            }
            if (e.wheelDelta < 0) { //当滑轮向下滚动时
                console.log("滑轮向下滚动");
                if (j > 800) {
                    $(".advs-left").animate({top:"160px"},500);
                }
            }
        } else if (e.detail) {  //Firefox滑轮事件
            if (e.detail> 0) { //当滑轮向上滚动时
                console.log("滑轮向上滚动");
            }
            if (e.detail< 0) { //当滑轮向下滚动时
                console.log("滑轮向下滚动");
            }
        }
//		        ScrollText(direct);
    }
    //给页面绑定滑轮滚动事件
    if (document.addEventListener) {
        document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }
    //滚动滑轮触发scrollFunc方法
    window.onmousewheel = document.onmousewheel = scrollFunc;
</script>-->
<!--侧边导航广告的js-->
<script>
    $(function(){
        $(window).scroll(function(){
            if($(this).scrollTop()>100){
                
                $(".advs-left").stop().animate({"top":"160px"},300);
            }
            else{
                $(".advs-left").stop().animate({"top":"595px"},300);
            }

        })
    });
    $(function(){
        $(window).scroll(function(){
            if($(this).scrollTop()>100){
                
                $(".advs-right").stop().animate({"top":"160px"},300);
            }
            else{
                $(".advs-right").stop().animate({"top":"595px"},300);
            }

        })
    });
</script>
<!--广告轮播js-->
<script type="text/javascript">

    $(function() {



        $('#carousel ul').carouFredSel({

            prev: '#next',

            next: '#prev',

            pagination: "#pager",

            scroll:1000

        });



    });

</script>

<script type="text/javascript">
    $(".enterprise p").eq(1).on("click",function(){
        $(this).addClass("backColor");
        $(".enterprise p").eq(2).removeClass("backColor");
        $(".enterprise p").eq(3).removeClass("backColor");
        $(".dive_1").show();
        $(".dive_2").hide();
        $(".dive_3").hide();
        $(".enter-all").css("display","block");
        $(".enter-hot").css("display","none");
        $(".enter-laster").css("display","none");
    });
    $(".enterprise p").eq(2).on("click",function(){
        $(this).addClass("backColor");
        $(".enterprise p").eq(1).removeClass("backColor");
        $(".enterprise p").eq(3).removeClass("backColor");
        $(".dive_1").hide();
        $(".dive_2").show();
        $(".dive_3").hide();
        $(".enter-all").css("display","none");
        $(".enter-hot").css("display","block");
        $(".enter-laster").css("display","none");
    });
    $(".enterprise p").eq(3).on("click",function(){
        $(this).addClass("backColor");
        $(".enterprise p").eq(2).removeClass("backColor");
        $(".enterprise p").eq(1).removeClass("backColor");
        $(".dive_1").hide();
        $(".dive_2").hide();
        $(".dive_3").show();
        $(".enter-all").css("display","none");
        $(".enter-hot").css("display","none");
        $(".enter-laster").css("display","block");
    });
</script>
<script type="text/javascript">
    $(".liji").on("click",function(){
        $(".frame-ff").show();
    });
    $(".close3").on("click",function(){
        $(".frame-ff").hide();
    });
</script>


</html>
